<template>
	<uni-list :border="false">
		<uni-list-item class="noticeList" clickable  @click="onClick" v-for="(item,index) in 10">
			<template v-slot:body>
				<view class="timeBox">07:07</view>
				<view class="noticeBox">
					<view class="noticeTitle">出庭通知</view>
					<view class="noticeText">(2024) 渝0107民初3636号</view>
					<view class="noticeText">案由：民间借贷纠纷</view>
				</view>
			</template>
		</uni-list-item>
	</uni-list>
</template>

<script setup lang="ts">
	const onClick = () => {
		uni.navigateTo({
			url: '/subPages/news/newsDetails/index?type=1'
		})
	}
</script>
<style scoped lang="scss">
	:deep(.v-slot_cl_body){
		display: flex;
		width: 100%;
		
	}
	.noticeList{
		margin: 0 auto;
		/* margin-top: 20rpx; */
		.timeBox{
			font-size: 24rpx;
			color: #FFFFFF;
			padding: 3rpx 15rpx;
			border-radius: 8rpx;
			background: rgba(0,0,0,0.2);
		}
		.noticeBox{
			margin-top: 20rpx;
			width: calc(100% - 68rpx);
			padding: 30rpx 34rpx;
			background-color: #fff;
			border-radius: 16rpx;
			.noticeTitle{
				font-size: 32rpx;
				color: #222222;
				margin-bottom: 20rpx;
			}
			.noticeText{
				font-weight: 400;
				font-size: 28rpx;
				color: #666666;
				margin-top: 5rpx;
			}
		}
	}
</style>
